/**
 * 组件通讯的三种基本方式
 * 
 * 父组件=>子组件
 * string,array,number,bool,null,undefined,object,function,{<p></p>}
 * 
 */

import React from 'react'

class Parent extends React.Component{

    constructor(props) {
        super(props)
        // 父组件状态
        this.state = {
            lastName: '王'
        }
    }

    render() {
        return (
            <div>
                <div>我是父组件，我姓：{this.state.lastName}</div>
                {/* 向子组件传递数据 */}
                <Child/>
            </div>
        )
    }

}

class Child extends React.Component {
    constructor(props) {
        super(props)
        // 子组件自身状态
        this.state = {
             
        }
    }
    render(){
        return(
            // 显示父组件传递的数据
            <div>我是子组件,我姓</div>
        )
    }
}

export default Parent